<template>
  <div class="demo-page">
    <el-button @click="btnClick">点击按钮调用接口</el-button>
    <h1>测试页面</h1>
    <h1>测试页面</h1>
    <h1>测试页面</h1>
    <h1>测试页面</h1>
    <h1>测试页面</h1>
    <h1>测试页面</h1>
    <h1>测试页面</h1>
    <h1>测试页面</h1>
    <h1>测试页面</h1>
    <h1>测试页面</h1>
  </div>
</template>

<script setup lang="ts">

// import.meta.url 是一个 ESM 的原生功能，会暴露当前模块的 URL。将它与原生的 URL 构造器 组合使用，在一个 JavaScript 模块中，通过相对路径我们就能得到一个被完整解析的静态资源 URL
// const asdImg = new URL('@/assets/images/asd.png', import.meta.url).href
// console.log('asdImg', asdImg)
// const glbFile = new URL('@/assets/images/GLB_LuZhouShiMap.glb', import.meta.url).href
// console.log('glbFile', glbFile)

// 页面类型的vapp，和组件类型不同，是嵌入在xvue的iframe组件里的，在调用接口时，应该用window.parent._UIDesingerAxios，而不是window._UIDesingerAxios，用window.parent才能调用到xvue提供的方法
import pagesApi from '@/apis/pagesApi.js'

function btnClick() {
  console.log('点击按钮调用接口')
  pagesApi.getDataSourceList()
    .then((res: any) => {
      console.log('res', res)
    })
    .catch((err: any) => {
      console.log('err', err)
    })
    .finally(() => {
      console.log('finally')
    })
}
</script>

<style scoped>
.demo-page {
  color: red;
  text-align: center;
  font-family: 'Courier New', Courier, monospace;
  background: url('@/assets/images/background.png');
}
</style>
